

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body,html{
            margin: 0;
            width: 100%;
            height: 100%;
        }
        #root {
            width: inherit;
            height: inherit;
        }
    </style>
</head>

<body>
    <div id='root'>
        <canvas width=524 height = 300 background='red'>  
    </div>
    <!-- <button id = 'try1' style="position:absolute;top:0;left:0;">点1</button>
    <button id = 'try2' style="position:absolute;top:30px;left:0;">点2</button> -->
    <script src="./src/controler.js" type="module"></script>
    <script src="./src/model.js" type="module"></script>
    <script src="./src/view.js" type="module"></script>
    <script type="module">
        window.VRCARCONFIG = {
            picurl: [
                'https://img.58cdn.com.cn/arthurupload/teg-app-fe/vrcar/Material/BackIndistinct/Reduce/01_guassian.jpg'
            ],
            pic: []
        }
        // !(function (){
        //     var pormiseArr = []
        //     var picList = []
        //     window.VRCARCONFIG.pic.forEach(e => {
        //         var pormise = fetch(e)
        //         pormiseArr.push(pormise)
        //     });
        //     Promise.all(pormiseArr).then(resarr => {
        //         resarr.forEach(e=>{
        //             var m = e.arrayBuffer()
        //             m.then((res)=>{
        //                 console.log(res)
        //             })
        //         })
        //     })
        // })()
        

    </script>
</body>

</html>